.container {
    width: 100vw;
    height: 100vh;
    background: $white;
}

.scroll {
    height: 100%;
}

.project {
    background: #fff;
}

.project-active {
    padding-bottom: 30rpx;
}

.line {
    height: 30rpx;
    width: 100vw;
}

.search-box {
    background: #FAFAFC;
    height: 45rpx;
    border-radius: 44rpx;
    position: relative;
    margin: 0 30rpx;

    .search-input {
        margin-left: 3rpx;
        padding-left: 0rpx;
    }
}

.search-item {
    margin: 0 30rpx 30rpx 30rpx;
}

.head-bill {
    height: 98rpx;
    width: 100vw;
    background-color: #fff;
    border-bottom: 1rpx solid $white;
    margin-bottom: 30rpx;
}

.bill-item {
    height: 38rpx;
    font-size: 28rpx;
    font-weight: bold;
    color: $grey;
    line-height: 38rpx;
    letter-spacing: 2rpx;
}

.item-active {
    font-weight: bold;
    color: $black;
    border-radius: 4rpx;
}

.bill-line {
    width: 50rpx;
    height: 8rpx;
    background: $green;
    border-radius: 4rpx;
    margin: 0 auto;
    margin-top: 22rpx;
}

.month-info {
    padding: 30rpx 0rpx 0rpx 50rpx;
    box-sizing: border-box;
    width: 100vw;
    background: #fff;
    min-height: 90rpx;
}

.month-line {
    padding-right: 20rpx;
}

.data-month {
    padding-bottom: 20rpx;
    font-size: 46rpx;
    font-weight: bold;
}

.month-row {
    font-size: 24rpx;
    font-weight: 400;
    color: $grey;
    line-height: 32rpx;
    padding-bottom: 20rpx;
}

.vertical-line {
    padding: 0 15rpx;
}

.month-title {
    padding-left: 8rpx;
    padding-right: 6rpx;
    font-size: 24rpx;
    font-weight: bold;
    color: $black;
    line-height: 36rpx;
}

.work-info {
    height: auto;
    background: $white;
    padding-top: 24rpx;
    @include padding-box(24rpx 30rpx);
}

.staff-work-info {
    margin-top: 20rpx;
}

.work-list {
    width: 690rpx;
    min-height: 198rpx;
    height: auto;
    background: #FFFFFF;
    border-radius: 16rpx;
    margin-bottom: 24rpx;
}

.myflex {
    display: flex;
    align-items: center;
}

.still-more {
    width: 36rpx;
    height: 36rpx;
}

.flexbet {
    justify-content: space-between;
}

.list-header {
    padding: 30rpx 35rpx 24rpx 30rpx;
}

.mylinebox {
    padding: 0rpx 24rpx 26rpx;
    background-color: #FFFFFF;
}

.myline {
    box-sizing: border-box;
    height: 2rpx;
    background-color: #F4F4F7;
}

.enterprise {
    max-width: 480rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: $black;
    line-height: 32rpx;
}

.border-b {
    border-bottom: 1px solid #F4F4F7;
}

.myenterprise {
    margin-left: 8rpx;
    max-width: 480rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: $black;
    line-height: 32rpx;
}

.count {
    font-size: 32rpx;
    font-weight: bold;
    color: $black;
    line-height: 32rpx;
}

.list-among {
    padding: 0rpx 35rpx 24rpx 30rpx;
}

.profession {
    padding: 3rpx 10rpx;
    background: $yellow;
    border-radius: 21rpx;
    text-align: center;
    color: white;
    line-height: 40rpx;
    font-style: 24rpx;
    margin-right: 16rpx;
}

.green {
    background: $green;
}

.mygray {
    color: #9497B1;
}

.fs24 {
    font-size: 24rpx;
}

.infoboxiconimg {
    width: 32rpx;
    height: 32rpx;
    margin-right: 12rpx;
}

.lable {
    width: 5em;
    text-align: justify;
    text-align-last: justify;
    position: relative;
    margin-right: 25rpx;
}
.lable::after{
    content: ":";
    display: block;
    position: absolute;
    bottom: 2rpx;
    right: -10rpx;
}
.m-r20{
    margin-right: 20rpx;
}
.mybord{
    font-size: 28rpx;
    font-weight: 700;
    color: #202536;
}
.infobox {
    padding: 0 24rpx 26rpx;
}

.list-root {
    padding: 0rpx 35rpx 24rpx 30rpx;
}

.type {
    width: 59rpx;
    height: 40rpx;
    background: $grey;
    border-radius: 21rpx;
    line-height: 40rpx;
    text-align: center;
    color: white;
    font-style: 24rpx;
}

.hour {
    font-size: 24rpx;
    font-weight: 400;
    color: $grey;
    line-height: 36rpx;
}

.person {
    font-size: 24rpx;
    font-weight: 400;
    color: $grey;
    line-height: 36rpx;
}

.entire {
    position: relative;
    display: flex;
    padding: 0 2rpx 0 37rpx;
    height: 56rpx;
    background: #FAFAFC;
    border-radius: 8rpx;
    color: $grey;
    line-height: 56rpx;
    justify-content: center;
    align-items: flex-end;
}

.triangle-second {
    width: 0;
    height: 0;
    border: 10rpx solid;
    border-color: $grey transparent transparent transparent;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transform: rotate(315deg);
    margin-left: 8rpx;
}

.work-condition {
    background: #FFF;
    border-bottom: 1rpx solid $white;
    @include padding-box(0 30rpx);
    box-sizing: border-box;
}

.personnel-info {
    padding: 40rpx 0;
}

.photograph {
    width: 80rpx;
    height: 80rpx;
}

.personnel-detail {
    padding-left: 16rpx;
}

.name {
    color: $black;
    font-weight: 400;
    font-size: 32rpx;
    margin-bottom: 16rpx;
}

.later {
    margin-left: 3rpx;
    font-size: 24rpx;
    color: $grey;
}

.number {
    font-size: 24rpx;
    font-weight: 400;
    color: $grey;
    line-height: 36rpx;
}

.amount {
    height: 32rpx;
    font-size: 32rpx;
    font-weight: 800;
    color: $black;
    line-height: 32rpx;
    margin-bottom: 6rpx;
    text-align: right;
}

.wages {
    text-align: right;
    font-size: 24rpx;
    color: $green;
}

.pay-time {
    color: #A6A8AF;
    font-size: 20rpx;
    margin-top: 6rpx;
    letter-spacing: 2rpx;
}

.short-btn:not([size=mini]) {
    width: 158rpx;
    height: 60rpx;
    background: $green;
    font-size: 24rpx;
    margin-left: 30rpx;
}

.red {
    color: $red;
}

.yellow {
    color: $yellow;
}

.grey {
    color: $grey;
}

.case-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 155rpx 155rpx;
    padding: 0 45rpx;
}

.case-heade {
    display: grid;
    grid-row-gap: 50rpx;
}

.whole {
    display: inline-block;
    vertical-align: middle;
    line-height: 124rpx;
    width: 209rpx;
    height: 124rpx;
    background: $white;
    border-radius: 8rpx;
    color: $black;
    border: 1rpx solid $white;
    text-align: center;
    font-weight: 500;
    font-size: 28rpx;
    margin-right: 16rpx;
}

.case-green {
    color: $green;
    background: rgba(0, 214, 121, 0.1);
}

.case-root {
    margin-top: 16rpx;
}

.month-show {
    display: none;
}

.telephone {
    margin-left: 16rpx;
    margin-right: 8rpx;
    width: 19rpx;
    height: 24rpx;
    line-height: 0rpx;
}

.dialing {
    display: flex;
    align-items: center;
    font-size: 24rpx;
    font-weight: 400;
    color: $green;

    .number {
        color: $green;
    }
}